<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>好运网</title>
    <style>
        .myscroll {
            width: 280px;
            height: 160px;
            margin: 0 auto;
            line-height: 26px;
            font-size: 12px;
            overflow: hidden;
        }

        .myscroll li {
            height: 26px;
        }

        .myscroll a {
            color: #333;
            text-decoration: none;
        }

        .myscroll a:hover {
            color: #ED5565;
            text-decoration: underline;
        }
    </style>
    <link rel="stylesheet" type="text/css" href="/css/basic.css"/>
    <link rel="stylesheet" type="text/css" href="/css/style.css"/>
    <link rel="stylesheet" type="text/css" href="/css/common.css"/>
</head>
<body>
<div th:include="header::header"></div>
<script src="/js/jquery.scrollBanner.js" type="text/javascript"></script>
<div id="banner"></div>
<script th:inline="javascript">
    var bannerData = [[${bannerData}]];
    console.log(bannerData);
    var bannerImages = [];
    if (bannerData.length > 0) {
        for (let i = bannerData.length; i >= 0; i--) {
            if (bannerData[i]) {
                let tempObj = {
                    src: bannerData[i].bannerImg,
                    title: bannerData[i].title,
                    href: bannerData[i].bannerClickUrl
                };
                console.log(tempObj);
                bannerImages.push(tempObj);
            }
        }
    }
    $("#banner").scrollBanner({
        images: bannerImages,
        scrollTime: 5000,
        bannerHeight: "720px",
        iconColor: "#FFFFFF",
        iconHoverColor: "#cc3333",
        iconPosition: "center"
    });
</script>

<div class="gong">
    <div class="warp">
        <img class="m20t fl" src="/images/hyw-04.png"/>
        <span class="m20t fl m20l">最新公告：</span>
        <div class="ranklist fl">
            <MARQUEE scrollAmount=2>
                <a href="javascript:void(0)" th:each="item: ${referenceData}" th:text="${item.noticeTitle}"></a>，
            </MARQUEE>
        </div>
    </div>
</div>

<div class="hyw-02 warp">
    <div class="hyw-02-01"> <span class="fl m30t"> <span class="fs20">存款到账</span><br/>
    <span class="fs14 b6 m10t dis">平均时间</span> </span> <span class="fl m180l m40t m25b"> <i class="fs48">25</i><span
            class="fs20">秒</span></span>
        <div class="jidu"><span style="width:60%;"></span></div>
    </div>
    <div class="hyw-02-01"> <span class="fl m30t"> <span class="fs20">提款到账</span><br/>
    <span class="fs14 b6 m10t dis">平均时间</span> </span> <span class="fl m120l m40t m25b"> <i class="fs48">3'25</i><span
            class="fs20">分</span></span>
        <div class="jidu"><span style="width:60%;"></span></div>
    </div>
    <div class="hyw-02-01"> <span class="fl m30t"> <span class="fs20">便捷银行服务</span><br/>
    <span class="fs14 b6 m10t dis">我们支持的机构有</span> </span> <span class="fl m120l m40t m25b"> <i class="fs48">45</i><span
            class="fs20">家</span></span></div>
</div>

<div class="hyw-03">
    <div class="warp">
        <div class="hy-03-lf fl">
            <div class="hy-03-t m35t">
                <img align="left" src="/images/hyw-05.png"/>
                <span class="fs24 m10t" style="display:inline-block;color: #000;">产品优势</span><br/>
                <i class="fs12">product advantages</i>
            </div>
            <ul class="yous">
                <li class="m25r">
                    <div class="y-pic"><img src="/images/t1.jpg"/></div>
                    <div class="y-ms fs20"><img src="images/hyw-10.png"/>娱乐城</div>
                    <div class="p20l p20r lh20">全球顶级娱乐城平台，数百位荷官佳丽，提供如临实地赌场般的享受。</div>
                </li>
                <li class="m25r">
                    <div class="y-pic"><img src="/images/t2.jpg"/></div>
                    <div class="y-ms fs20"><img src="images/hyw-11.png"/>体育游戏</div>
                    <div class="p20l p20r lh20">全球顶级娱乐城平台，数百位荷官佳丽，提供如临实地赌场般的享受。</div>
                </li>
                <li>
                    <div class="y-pic"><img src="/images/t3.jpg"/></div>
                    <div class="y-ms fs20"><img src="/images/hyw-12.png"/>彩票游戏</div>
                    <div class="p20l p20r lh20">全球顶级娱乐城平台，数百位荷官佳丽，提供如临实地赌场般的享受。</div>
                </li>
            </ul>
        </div>
        <div class="hy-03-rt">
            <div class="hy-04-t">
                <img align="left" src="images/hyw-05.png"/><span class="fs24 m10t"
                                                                 style="display:inline-block;">安全优势</span><br/><i
                    class="fs12 m10t dis">Security advantages</i>
            </div>
            <ul class="anqun">
                <li>
                    <span class="fs20">资金安全</span><br/>
                    <span class="m10t dis fs14">经过云加密的银行卡支付系统，采用国际标准的256位加密技术安全，私密。</span>
                </li>
                <li>
                    <span class="fs20">信息安全</span><br/>
                    <span class="m10t dis fs14">所有产品已通过国际网站安全检测机构scanv及eesafe最严格的检测。安全无毒无漏洞。</span>
                </li>
                <li>
                    <span class="fs20">值得信赖</span><br/>
                    <span class="m10t dis fs14">锦绣团队最致力于移动安全应用的开发和整合，为您资金及信息安全保驾护航！</span>
                </li>
            </ul>
        </div>
    </div>
</div>

<div class="warp" style="padding: 0px 0px 20px 0px;">
    <div class="about">
        <div class="ab-01">
            <a href="/helpCenter#29"><img align="left" src="images/hyw-07.png">
            <span class="fs24 m10t" style="display:inline-block;cursor: pointer;">关于我们</span><br>
            <i class="fs12" style="cursor: pointer;">ABOUT US</i>
            </a>
        </div>
        <div class="fs14 m40t  lh28">
            King show Group Corporation 2006年注册于开曼群岛（Cayman Islands），以翡翠，钻石，珠宝及奢侈品交易为主营业务，多年从事金融服务行业。2013年下辖子公司进军在线娱乐平台业务，并为多家业界知名网站提供平台支撑；2018年正式进入在线娱乐行业，为玩家提供最优质的真人娱乐场、快乐彩以及几百款小游戏，并不断开发高质量的娱乐新品；致力于成为世界顶级的在线娱乐公司。
        </div>
    </div>

    <div class="about">
        <div class="ab-01">
            <a href="/agentJoin">
            <img align="left" src="images/hyw-08.png">
            <span class="fs24 m10t" style="display:inline-block;cursor: pointer;">加入我们</span><br>
            <i class="fs12" style="cursor: pointer;">JOIN US</i>
            </a>
        </div>
        <div class="fs14 m40t  lh28">
            选择锦绣娱乐作为您的合营伙伴，将会是您最为明智的选择，意味着您向成功迈出了最为重要的一步。
            <a class="hezuo" href="/agentJoin"><img class="m10r" src="images/hyw-13.png">加盟合作</a>
        </div>
    </div>
    <div class="paixb">
        <div class="pai-01"><img align="left" src="images/hyw-09.png">
            <span class="fs24 m10t" style="display:inline-block;">人来人往</span><br>
            <i class="fs12">Winnings</i></div>
        <div class="scrollbox">
            <div id="scrollDiv">
                <ul class="mink" style="margin-top: 0px;">
                    <li th:each="item,iterStat: ${moneyData}">
                        <img src="images/ico27.png"><span th:text="${item.userName}"></span>
                        <p style="margin-left: 45px;" th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}"></p>
                    </li>
                </ul>
            </div>
            <div class="scroltit">
                <div class="updown" id="but_down" style="cursor: pointer;">向上</div>
                <div class="updown" id="but_up" style="cursor: pointer;">向下</div>
            </div>
        </div>

    </div>
    <div style="clear:both;"></div>
</div>

<div th:include="footer::footer"></div>
<div th:include="right::right"></div>
<script type="text/javascript" src="/js/scroll.js"></script>
<script src="/js/jq_scroll.js" type="text/javascript"></script>
<script src="/js/jquery.lazyload.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('.myscroll').myScroll({
            speed: 50, //数值越大，速度越慢
            rowHeight: 26 //li的高度
        });

        $("#scrollDiv").Scroll({line: 1, speed: 500, timer: 3000, up: "but_up", down: "but_down"});

        $("img[data-original]").lazyload({
            effect : "fadeIn",
            threshold : 100,
            effectspeed : 1200,
            skip_invisible : false
        });

    });
</script>
</body>
</html>
